 </div>
        <!-- END CONTAINER -->
        <!-- BEGIN FOOTER -->
        <div class="footer">
            <div class="footer-inner">
                2013 &copy; Metronic by keenthemes.
            </div>
            <div class="footer-tools">
                <span class="go-top">
                    <i class="fa fa-angle-up"></i>
                </span>
            </div>
        </div>
        <!-- END FOOTER -->
        <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
        <!-- BEGIN CORE PLUGINS -->   
        <!--[if lt IE 9]>
        <script src="${basePath}/plugins/respond.min.js"></script>
        <script src="${basePath}/plugins/excanvas.min.js"></script> 
        <![endif]-->   
        <script src="${basePath}/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
        <script src="${basePath}/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>     
        <script src="${basePath}/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="${basePath}/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript" ></script>
        <script src="${basePath}/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
        <script src="${basePath}/plugins/jquery.blockui.min.js" type="text/javascript"></script>  
        <script src="${basePath}/plugins/jquery.cookie.min.js" type="text/javascript"></script>
        <script src="${basePath}/plugins/uniform/jquery.uniform.min.js" type="text/javascript" ></script>
        <!-- END CORE PLUGINS -->
        <!-- BEGIN PAGE LEVEL SCRIPTS -->
        <script src="${basePath}/scripts/app.js"></script>
        <!-- END PAGE LEVEL SCRIPTS -->
        <script>
            jQuery(document).ready(function () {
                // initiate layout and plugins
                App.init();
            });
        </script>    
        <!-- END JAVASCRIPTS -->
    </body>
    <!-- END BODY -->
</html>